I use Genesis Digital Pro theme and my responsive menu is not shown on mobile devices. There is block in page that contains my menu, and it opens when you click this area, but I want the hamburger to be shown from the start (as it supposed to work). What to do? Screenshot

closed as off-topic by Mark Kaplun, Michael, Nathan Johnson, Christine Cooper, Dave Romsey Feb 28 '18 at 7:22

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.

  • 1
    If it's a Pro theme, you should ask them for support. – Beee Feb 26 '18 at 0:27

The hamburger is shown with ionicons as an after element. You have conflicting CSS in your theme.

This (specifically, the content: " ";) CSS:

.entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before {
    content: " ";
    display: table;

is overwriting the hamburger menu's CSS

@media only screen and (max-width: 800px){
  .menu-toggle:before, .menu-toggle.activated:before {
    color: #1e1e1e;
    content: "\f130";
    display: inline-block;
    font: normal 20px/1 'ionicons';
    margin: 0 auto;
    padding-right: 10px;
    text-rendering: auto;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    vertical-align: middle;

Here's a devtools screenshot: https://i.imgur.com/M0zOPb8.png

  • Thank you very much! Now my hamburger is shown in all its deliciousness! – Vladislav Makeev Feb 26 '18 at 13:30

Not the answer you're looking for? Browse other questions tagged or ask your own question.