hamburger menu not working

[danielshaw]

I have 2 identical sites on different domains using the same .css but in different languages.

One of them works perfectly (www.smileclinic.sk)

However the http://www.dentalholiday.co.uk domain has 2 problems:

1. The Hamburger menu doesn't appear when the browser is resized or on mobile.

2. The blue button in the header right widget area doesn't appear correctly.

Any ideas what can be overriding the settings?

http://www.dentalholiday.co.uk

[Marcy]

The both look the same to me, and there is a hamburger menu on http://www.dentalholiday.co.uk

It’s probably a caching issue, either your host or a plugin or your browser.

If it’s a plugin or your host, there is usually a link or button that says clear cache, or you can turn the cache plugin off while you work on the site. If it’s your browser, you can clear it using this:

https://kb.iu.edu/d/ahic

---

Marcy | Amethyst Website Design | Twitter

[Tom]

Hi,

The CSS is not identical:

1. The hamburgetr menu does not appear due to error(s) in your stylesheet. Tough to tell how many/where due to minification, but at least one error around line 1268 in this:

.js.magazine-pro-blue .content .home-middle a .entry-time, .js.magazine-pro-blue .content .home-top a .entry-time, .magazine-pro-blue button:hover, .magazine-pro-blue input:hover[type="button"], .magazine-pro-blue input:hover[type="reset"], .magazine-pro-blue input:hover[type="submit"], .magazine-pro-blue .archive-pagination li a:hover, .magazine-pro-blue .archive-pagination li.active a, .magazine-pro-blue .button:hover, .magazine-pro-blue .enews-widget input[type="submit"], .magazine-pro-blue .entry-content .button:hover, .magazine-pro-blue .home-middle a.more-link:hover, .magazine-pro-blue .home-top a.more-link:hover, .magazine-pro-blue .sidebar .tagcloud a:hover {
    background-color:#469bd1;
    {
        color: #fff;
    }
    .magazine-pro-blue .button:hover {
        color:#fff;
    }

2. Button. Can't be more specific due to minification:
Slovak site = blue button

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
    background-color: #469bd1;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    padding: 16px 24px;
    text-transform: uppercase;
    width: auto;
}

dentalholiday = white button

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
    background-color: #fff;         /* FIX THIS LINE */
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Raleway',sans-serif;
    padding: 16px 24px;
    text-transform: uppercase;
    width: auto;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[danielshaw]

Thank you so much Tom for your excellent support and helping me solve the issue.

[Author]

Posts