Elements overlapping on mobile

Home › Forums › Gillion Theme › Elements overlapping on mobile

Home › Forums › Gillion Theme › Elements overlapping on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • eracingmagazine
    Participant

    I’m fairly new to WordPress and am having a little trouble editing the Gillion theme.

     

    I have create a site that I think looks great on desktop, but when I preview this on a tablet or mobile, many of the elements overlap and the site overall does not resize itself very well.

     

    Strangely, this appears to only be the case when viewing the homepage. Article pages, and category pages seem to render fine on mobile devices.

     

    Is it possible to hide or resize certain elements when viewing on a smaller device? If so, how can I do this?

     

    The site can be viewed at https://eracingmagazine.live-website.com/

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @eracingmagazine,

     

    I hope you are well today and thank you for your question.

     

    This seems because of the custom CSS code you have used on your site generated by Yellow Pencil editor so please try removing the CSS from your site as described in the below pages.

     

    https://waspthemes.com/yellow-pencil/documentation/#reset-css-styles

    https://waspthemes.ticksy.com/ticket/1058734/

     

    Best regards,
    Shufflehound team

    eracingmagazine
    Participant

    Great, thanks. I’ll try that and see if it helps.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)