Caption on Mobile Menu

@rosener

If you can code on your own then you can achieve it via the child theme.

Thanks.

Can you provide me a hint? For example, the file and line I would need to modify to
add text (e.g., “Select page”) to the mobile menu. How much would you charge, to help me? Thanks, Bill

@rosener

Can you create a child theme, and then, duplicate the function: colormag_below_header_bar_display() in your child theme’s functions.php file, which is in inc/header-functions.php file of the theme, and then, find this part: <p class="menu-toggle"></p> and change to <p class="menu-toggle">Select Page</p> or whatever you need for your site and see if that helps you out?

Thanks.

Nitu,

You guys are the best. I slightly modified your code as shown
below, so now the text “Select Page” and the three horizontal bars
all appear on the same line – when viewed on a mobile device.

<i style=”color:white; float:left;”>Select Page</i><p class=”menu-toggle”></p>

https://suncatcherstudio.com/

Thanks,
Bill

Do you guys have a “Donate” option setup?

Not quite there yet.

Unfortunately, while my attempt looked great on a mobile
device, it did not look good on a regular monitor.

When I made the modification as suggested:
<p class=”menu-toggle”>Select Page</p>

It places the words “Select Page” on the line below
the three horizontal bars. Is there a way to
get both “Select Page” and the three horizontal bars
on the same line.

Thanks,
Bill

@rosener

Can you once try adding the below CSS code to Additional CSS box and check?

@media (max-width: 768px) {
  .site-header .menu-toggle::before {
    display: inline-block;
  }
}

Thanks.

Excellent! Everything is now looking perfect. The three horizontal bars and the text “Select Page” all appear on one line! Thanks. Bill

@rosener

Glad to hear that your issue is resolved. Do let us know if you have any further query regarding to our theme. If you like the theme and want to help us then you can leave a review.

Thanks.