Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 26, 2016 at 1:57 pm #704289
    jaroljmek

    Hi Guys

    Sorry to ask because this has probably been answered a million times. However I cannot find the correct CSS.

    How can I reduce the height of the mobile header on this site? It’s much higher on the Mobile screen than the Tablet/Desktop screen which is set to 60px in Theme Options > Header

    http://web-lounge.co.uk/

    Thanks so much.

    CJ

    October 27, 2016 at 5:22 am #704653
    Rikard

    Hey jaroljmek,

    I’m not sure I understand what you mean by that, the only difference I can see between mobile and tablet is that the header is white on mobile. Not sure what you want to change to it though?

    Best regards,
    Rikard

    October 27, 2016 at 5:46 am #704660
    jaroljmek

    Hi Rikard

    Thanks for your reply!

    1. It’s a bit deceptive because even thought the header height is probably the same on mobile screens it looks taller. I would just like the CSS to target the header height on mobile screens only, so I can fine tune and maybe reduce the height a bit to make the header slimmer.

    2. On a related issue, I’m using four Full Width Easy Sliders on that same page. Can you please give me the CSS to target the margin position and font size of the Easy Slider Caption Text on mobile screens only so I can adjust these a little?

    Thanks very much!

    Christian

    October 30, 2016 at 4:27 am #705736
    Ismael

    Hey!

    Thank you for the info.

    1.) Please add this in the functions.php file to reduce the height of header on mobile.

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    max-height: 70px;
}
}

    2.) Do you want to adjust the position of the caption? Place insert this code inside the css media query above.

    .caption_bottom .slideshow_caption .slideshow_inner_caption {
    bottom: 200px;
    left: 0;
}

#top #wrap_all .avia-caption-content p {
   font-size: 15px !important;
    line-height: 1.3em !important;
}

    Cheers!
    Ismael

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