WordPress mobile esthetic issues

  • augmentedprofit

    (@augmentedprofit)


    11 years, 1 month ago

    Hey guys,

    I’ve run into some minor issues specifically on the mobile version of my website.

    It seems that when I access the “primary menu” my logo becomes vertically layered, which isn’t too pleasing to the eye. What can I do to prevent this?
    Perhaps lower the menu to appear underneath my header entirely?

    –on another note, I would also like to remove the “home” text on the mobile homepage aswell.

    My url is holidaybarrel.com

    Thanks alot in advance guys!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    @media screen and (max-width: 768px) {
    .menu {
        background: #787E87;
    }
}

    Hassan Akhtar

    (@khaxan)

    11 years, 1 month ago

    For hiding the ‘Home’ text you can use this CSS:

    .post-10 .entry-title {
    display: none !important;
}

    Combined with Andrew’s suggestion it would become:

    @media screen and (max-width: 768px) {
    .menu {
        background: #787E87;
    }
    .post-10 .entry-title {
        display: none !important;
    }
}
    Thread Starter augmentedprofit

    (@augmentedprofit)

    11 years, 1 month ago

    Thanks alot guys

    so I added the code in, the “home” text no longer appears but the “primary menu” still seems to be creating issues, any other ideas?

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

The topic ‘WordPress mobile esthetic issues’ is closed to new replies.