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

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

1 Answer 1


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.stack.imgur.com/yjoXV.png

  • Thank you very much! Now my hamburger is shown in all its deliciousness! Feb 26, 2018 at 13:30

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