Parallax pro responsive issues

[Maja]

Hello!

I'm helping a friend with her site and Parallax pro is given me a headache. At the moment I can not make it look nice on mobile devices. The header that is (align:center) is not center. The menu want show and the entry titles are somewhere else. Any advice on how to resolve this would be more than appreciated!

/Maja

http://saraelman.com

[jbergen]

Hi,

You can make the responsive menu icon visible by changing style.css, line 1133 as follows:

.responsive-menu-icon::before {
    color: #383838;  /* this is the new color */
    content: "\f333";
    font: normal 24px/1 'dashicons';
    margin: 0 auto;
}

Then to prevent the selected menu item from being white on a white background and to center the menu items, you can add this after style.css, line 2047:

.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
.genesis-nav-menu a {
    color: #383838;
    text-align: center;
}

Finally, to keep the entry titles centered, you can remove width: 700px; from style.css, line 717:

.entry-title {
    font-family: Didot,"Didot LT STD","Hoefler Text",Garamond,"Times New Roman",serif;
    font-size: 28px;
    font-weight: 600;
    margin-top: 80px;
    width: 700px; /* remove this */
}

I hope that helps!
Jamie

---

Jamie @ Ladebug Studios

[jbergen]

One more thing. The menu seems to pull to the left when the screen shrinks below 1140px. To fix that, you can remove style.css, line 1829:

.site-header .widget-area {
    width: 560px;
}

Jamie

---

Jamie @ Ladebug Studios

[Maja]

Thank you somuch!

[Author]

Posts