Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 18, 2018 at 9:58 pm #958839
    charlotteraboff

    Hi,
    http://www.hotelladdict.se
    1. I want to decease the space between Hotell tips and the header in the mobile view
    Mobile

    2. Menu on mobile
    I want to show the actual text for the menu links on mobile; Boka Hotell and Om Hotell Addict, not just the 4 lines

    What code shall I add?

    Thanks
    Charlotte

    May 21, 2018 at 10:05 am #959609
    Victoria

    Hey Charlotte,

    This code in your quick css is pushing everything down
    Image 2018-05-21 at 11.04.56.png

    It needs to be limited by a media query.

    Best regards,
    Victoria

    May 21, 2018 at 10:19 am #959617
    charlotteraboff

    So what exactly shall I do?
    What is a media query.
    Please before exact in your reply, thanks!

    May 21, 2018 at 1:27 pm #959743
    Victoria

    Hi Charlotte,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
	.html_header_top.html_header_sticky #top #wrap_all #main {
		padding-top: 10px !important;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 22, 2018 at 9:51 am #960212
    charlotteraboff

    Hi Victoria,

    Thanks but this code does not work so good. If I adjust the padding number then it looks good on the mobile but not on the computer.
    Don’t you have a code that works only on the mobile and don’t affect the layout on the computer?

    Best regards
    Charlotte

    May 23, 2018 at 8:18 pm #961169
    Basilis

    Hi,

    You can work on a different size for the responsive

    @media only screen and (max-width: 720px) {
	.html_header_top.html_header_sticky #top #wrap_all #main {
		padding-top: 10px !important;
	}
}

    does that work out better?

    Best regards,
    Basilis

    May 28, 2018 at 5:48 pm #963371
    charlotteraboff

    Thanks Basilis :)

    Your code works very well!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile view & menu’ is closed to new replies.