WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
[resolved] Changes to Mobile Menu (8 posts)

  1. TonbridgeSteve
    Member
    Posted 11 months ago #

    Hi

    Thank you for the theme which is great.

    Could you please help me with some changes that I would like to make to the menu that shows on mobile devices. I would like to take the bullet points out and change the colour of the text and background, is this possible?

    If so could you let me know where abouts in the CSS code I would need to make the changes.

    Thanks

  2. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    Greetings! Not a problem...however, what bullet points are you referring to? Do you have a screenshot I could see? Also, what browser are you using?

    However, the styling for this menu is located in the theme's /css/menu.css location and for the mobile menu styles, these begin around line 115 and starts with this:

    @media (max-width: 979px) {

    Note: Always best to use a child theme when making modifications to any core files of the theme. On my setup tutorials (located on my site on the support menu), there is one available for download that I made available.

  3. TonbridgeSteve
    Member
    Posted 11 months ago #

    Thanks for the reply, I'll have a look at the code tomorrow. I have already set up the child theme from the one you made available.

    I can't take a screen shot at the moment but I am using firefox version 20.0.1

    The website that the site is currently on is here if you get a chance to have a look. I'll try and post a screenshot later.

    It also happens our nexus running android and chrome

  4. TonbridgeSteve
    Member
    Posted 11 months ago #

    Not sure how to post a screenshot on here, but have uploaded one to flickr: here

    You can see the bullet points down the left hand side of the menu.

    I changed the
    `.mainmenu li {
    text-align:left;
    list-style:none!important;
    margin:0 10px 3px;
    padding:0;
    }
    by adding the list style none and that seems to have removed it ok.

    Thanks for the help finding the bit of code I needed to look at, I have been very impressed with the help especially considering it's a free theme.

  5. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    I think I know what the issue is and why you were getting the bullets showing. My guess from seeing your screenshot is that your site is currently using the default fallback menu of pages and that you did not create a custom menu of your own yet?

    In this scenario, the menu is not totally styled but it is when you use your own menu which is part of the mobile view.

    And by the way, thanks for your nice comment about my theme and support :)

  6. TonbridgeSteve
    Member
    Posted 11 months ago #

    This is the first time that I have used WordPress so I hadn't even thought about checking the custom menu. You are right, I had not set up a custom menu but will do now.

    As far as the comments, you are welcome. I never expected this level of support on a free theme which has saved me significant time looking through the code to find what I was after.

  7. StyledThemes
    Member
    Theme Author

    Posted 11 months ago #

    No worries, and you are very welcome....as for support, it doesn't matter if it's my free themes here or my Pro versions on my site, support is important and I want to make sure everyone is looked after :)

    I'm guessing this topic is now solved, unless you have any other questions relating to this topic?

  8. TonbridgeSteve
    Member
    Posted 11 months ago #

    Thanks for the help, yes this is now solved and I have changed the status

Reply

You must log in to post.

About this Theme

About this Topic