Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 12, 2017 at 1:47 pm #819999
    Camilla88

    Hi,

    Thanks again for a great theme.

    I have a problem with the secondary font color on mobile.
    I have edited the color under Advanced Styling / Small bar above menu to #cf2e2e.

    But the font color remains #ffffff on mobile.
    This must be related to the setting on the front page which is set to Transparent header with border. Because when I change the Menu for the font page to e.g. No border, I can see my secondary menu on the mobile with my choosen font color (and not #ffffff).

    Can you help me with a bit of CSS code that enforces the secondary menu to be #cf2e2e on mobile?

    Also, is there any way to reduce the space between the secondary menu items on mobile? I have three menu items there, and the break to a second line/row. Even though it looks like they could easily fit on just one line/row it the space between the items was reduced.

    Thanks,
    Camilla

    July 12, 2017 at 2:24 pm #820011
    Camilla88

    Ok, so updating the theme removed my initial problem :-)

    I still would like a tip on how to reduce the space between the items in the secondary menu on mobile, if possible.
    Thanks again.

    July 12, 2017 at 5:15 pm #820123
    Sarah

    Hi!

    You mean the Extra Elements, right? Please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
	.responsive #header_meta .sub_menu>ul>li {
	   padding: 0 5px !important
	}
}

    The default padding is 10px to the left and right of each item. You can decrease it further to suit your preference.

    Let us know if you need further help!

    Best regards,
    Sarah

    July 12, 2017 at 9:16 pm #820217
    Camilla88

    Thanks. That helped if I shorten down some text too.

    Is there any way to reduce the space (padding?) before the first item and after the last – e.g. in the sides of the screen. And not “just” the padding between the items..?

    July 13, 2017 at 1:07 am #820273
    Sarah

    Hi!

    Please use this code instead of the one I gave you :)

    @media only screen and (max-width: 767px) {
	.responsive #header_meta .sub_menu>ul>li {
	   padding: 0 5px !important
	}
	.responsive #header_meta .sub_menu>ul>li:first-child {
	   padding-left: 0px !important
	}
	.responsive #header_meta .sub_menu>ul>li:last-child {
	   padding-right: 0px !important
	}
}

    Best regards,
    Sarah

    July 13, 2017 at 12:19 pm #820486
    Camilla88

    Perfect. Thanks a lot Sarah!
    This solved my issue.

    July 14, 2017 at 5:56 am #820947
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 14, 2017 at 9:21 am #821041
    Camilla88

    I opend another ticket here: https://kriesi.at/support/topic/secondary-menu-sticky-on-mobile/
    But this one you can close. Thanks :-)

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.