Changing menu color and text

Posted in: Newsmag
Post count: 7
whyistayhungry
#197492
Oct 15, 2017 at 1:26 am

Hello, I’ve recently updated to Newsmag 4. I have trying to figure out something with no luck yet.Im currently using Style 6 with an “always sticky” menu.
What I’m currently trying to do is when the menu is fixed on top to have for example red background with green text and when someone scrolls down the page and the logo sticks in the menu to change into a white background with green text. How is that possible? Any suggestions?
Thanks a lot!

Post count: 20688
Simion C.
#197585
Oct 16, 2017 at 11:12 am

Hi,

The menu can have a background color set and also text color, in the theme panel
– https://www.screencast.com/t/OoGfKO9Ty
The same colors will be displayed when the menu is sticky. If you want the menu to have a white background color when in sticky state, try a code like in this example
– https://www.screencast.com/t/zBmtFDwWt
– https://www.screencast.com/t/JyII557E7bIZ
The code must be entered in Theme panel->Custom CSS if you decide to use it

.td-header-style-6 .td-header-main-menu.td-affix {
background-color: white;
{

Thanks

Post count: 7
whyistayhungry
#197719
Oct 17, 2017 at 1:48 am

Hi,

Thanks for the quick reply. That did the trick.Can i change the Menu color when it drops down from red to white like this?

.td-header-style-6 .td-header-main-menu.td-affix {
background-color: white;
color: red;
}
Post count: 23312
Catalin
#197764
Oct 17, 2017 at 10:51 am

Hi,

The code seems to be correct. Try to use it and check the results.

Thanks for the message!

Post count: 7
whyistayhungry
#197921
Oct 18, 2017 at 12:20 pm

Hi,

worked perfect, thanks a lot! Found a workaround after searching a bit in the file. Although all of the changes i made are not loaded from Google Chrome (I’m currently using Firefox), any suggestions on how to deal with this?

Again, thank you for your time!

Post count: 23312
Catalin
#198061
Oct 19, 2017 at 9:35 am

Hello whyistayhungry,

Try to use the code below and place it in Theme panel->Custom CSS area.

.td-header-style-6 .td-header-main-menu.td-affix {
-webkit-background-color: white; color: red;
}

Thanks for the message!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.