Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2022 at 12:32 pm #1362625
    mobitechgroup

    when looking at the following website on a mobile phone the menu icons are placed over the logo, how can I sort this out

    iPhone-repair-sheffield.co.uk

    also on the desktop version, is it possible to change the logo header section at the top so its static and when scrolling it doesn’t change from black background with white text colour to white background with black font colour and just make it permanently white background with black text

    thanks

    Tim

    August 24, 2022 at 4:49 pm #1362652
    Rikard

    Hey mobitechgroup,

    Please try this in Quick CSS

    @media only screen and (max-width: 767px) {
span.logo img {
  max-width: 66%;
}    
}

    You can change the header behaviour in the Layout menu while editing the page in question.

    Best regards,
    Rikard

    • This reply was modified 2 years, 10 months ago by Rikard.
    August 25, 2022 at 12:34 pm #1362772
    mobitechgroup

    hi, that’s made no difference, the icons are still overlapping on the logo

    any other ideas?

    Thanks

    Tim

    August 25, 2022 at 12:39 pm #1362775
    Yigit

    Hi Tim,

    I have updated the code to following one 

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

    Please review your website :)

    Best regards,
    Yigit

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