-
-
HI Mihaila
I’m working on another new site and have a few questions ;)
1. I don’t like the font for the drop-down menu but can’t seem to see where to change that, perhaps with come custom css? If you send it to me I can put it in.
2. I want to move the DONATE button on the right side so it lines up with the menu
3. Question if I’m using a mega menu column can I make the column title an actual link?
Here is the link to the site – https://www.foodforthepoor.ca/site/
-
-
-
Hello,
1-Please add this code into your custom css box:
nav .menu li ul.sub-menu li a { font-family: "Lato";}
Edit font to your wish.2-Add this code:
a.btn-bt.default.header_button { margin-top: -24px;}
3-Sorry but that is not possible.
4-Please add this code into your custom css box:
@media (max-width: 767px){ #logo img { height: 58px;} .header_11 #logo { margin-right: -53px;} .codeless_slider_swiper { top: 140px;} .top_wrapper { padding-top: 140px;} }
Best regards!
-
Why does the logo disappear from the header when I scroll down? Is there a better way to have the header layout? I know the logo is quite long, can I have the logo centered above the menu, would that work better? Or possibly to the left of the menu all in a straight line.
Also why when I scroll down does the menu background change to grey?
Always very grateful for you amazing support!
-
How do i control the order of the codeless slider, is it by date? And can I make it loop instead of rewinding?
-
Hello,
-Do you mean from sticky header? That is because the style of header you are using does not have logo in it’s sticky layout.
I don’t know what you mean by “better way” for header layout, but you can choose one of the many styles that better fits your needs. We try to add as much styles as we can but it is not possible to figure out every ones idea of perfect header. That is why you can always customize them to your desire.
-Logo above menu and logo at the left are both available styles of header. Please go to General Options > Header Options, and chose the best that fits your needs.
-You are using Codeless slider. In every codeless slider slide, you have the option to select the type og header to use when that slide is being displayed. Go thru all the slides you are using and make sure to have selected the same header (light/dark) that you are using in your overall site. You can check this option in Codeless slider > Slides > Codeless Slide Options > Layout > Menu & Slider Navigation Color (screenshot).
The order of slides is indeed by date. The earliest goes first. To loop instead of rewind, please refer to this topic.Best regards!
-
Hi Mihaila
Why I’m asking about the header layout is that the logo my customer is using is very wide and doesn’t display properly on all devices. One option I came up with was to put the logo in the “Top Header Left”, I have it there now but it doesn’t show up on my iphone at all, works on my ipad though. Is this space responsive? Can I center it and then just have the menu below and I can put in a blank spacer as a logo? or do you have an option to have an alternate smaller logo for when it switches to responsive as I’ve seen with other themes. Any help or suggestions please:)
-
One more thing, why does the main menu sometimes vanish when i’m scrolling on the page, I’m sure it must be in the settings somewhere but can’t quite figure it out. It happens on this site – https://cityofficefurniture.ca/
Hope you have a lovely weekend!
-
Hello,
-The top header area does not display in mobile devices. To make it show you have to add some custom css code. Add this code into your custom css box:
@media (max-width: 480px){ .top_nav .widget { display: block !important;} .top_nav .row-fluid [class*="span"]:first-child { height: 42px !important;} .mobile_small_menu { top: 70% !important;} .codeless_slider_swiper { top: 0 !important;} }
Result screenshot.
About the header disappearing, i already wrote you in the previous replies:
-You are using Codeless slider. In every codeless slider slide, you have the option to select the type og header to use when that slide is being displayed. Go thru all the slides you are using and make sure to have selected the same header (light/dark) that you are using in your overall site. You can check this option in Codeless slider > Slides > Codeless Slide Options > Layout > Menu & Slider Navigation Color (screenshot).
Let us know.Best regards!
-
Hey I’ve added the css for the Top Header area but it’s not showing up on my phone, all i see is the blue background and the responsive menu :/
-
Hello,
I edited the code into your custom css box. Please check your site, it’s ok now.
Best regards!
-
Hello Mihaila
Back to the food for the poor site now.. we have finalized the site header and have made the final logo a bit bigger. Can you help clean up some space in the header don’t think we need it quite as wide. And want to make sure it displays properly on a iphone, right now the logo drops down over the slider and the responsive menu is hidden behind it.
Here is my mock up doesn’t have to be exactly like this – https://nicolekay.com/header.png
Thank you!
-
Hello,
I added this code into your custom css box:
.top_nav .row-fluid .span6 { margin-top: -44px; } .header_6 #navigation { margin-top: -39px; margin-bottom: 28px; width: 85% !important; z-index: 99; } nav .menu { margin-left: 50px !important;}
This is the result.
Best regards!
-
Thank you so much! I’m trying to switch the blog page in setting reading to the “Blog Medium Image with left side bar” but it won’t change for me. I hit save and it switches back to “Blog” – HELP (no hurry though)
-
Hello,
You should change it from theme General Options. Screenshot. It will automatically change in Settings > Reading too.
Best regards!
-
You must be logged in to reply to this topic.