Responsive issues

  • Resolved megangilde

    (@megangilde)


    9 years, 7 months ago

    I have made several changes to the CSS on my site that’s using the Evolve theme, and while I’ve now gotten it to look how I want it to look on a laptop screen, parts of the theme’s responsive nature aren’t working well on smaller screen sizes likely due to some of the changes I made (I’m self-taught, so I may have done a few things wrong!) Could someone take a look at my page and help me with the specific css I would need to enter to ensure that 1) my primary menu stays on top rather than under the header image, 2) that my header image and header widget box resize responsively and remain full width rather than developing white space on the sides when on smaller screens, and 3) that when my header widget resizes for smaller screens, it pushes the body content down rather than overlapping the top of it?

    Site is https://www.summonyourspark.com/blog

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    You are encountering css issues on which mobile device view and orientation? Please list them out.

    Thanks!

    Thread Starter megangilde

    (@megangilde)

    Thanks for the reply Denzel. I ended up removing all my custom CSS and adding it back in one item at a time until I found the piece that was causing my problems. I believe I have it working on all devices now. The issue seems to have been caused by adding a height value to a widget inside my header widget space.

    Hi,

    You are welcome!

    Regards,
    Denzel

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive issues’ is closed to new replies.