Menu Queries

maryiot · Member · May 31, 2017 at 3:48 am
Copy link

Add topic to favorites
I have a few issues.

1. The menu doesn’t open on a number of pages when in mobile view.
eg. theiotgroup.blog/categories/

2. How can I adjust the header so that it is approx 75% of the page width. It should float in the centre.

3. Remove logo from header but only on a number of pages.

4. Add the hamburger menu dropdown to one of the menus.

Thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 31, 2017 at 6:27 am
Copy link
Hi @maryiot, since the theme you are using is not one of our themes, the best place to get support for questions or problems on your theme is from the site where you purchased the theme, especially on #1 since this seems to be a theme bug.

For #2, the following CSS will move the logo to the right by 20% of the full width of header for screens/windows that are 1100px and wider. Below that the mobile menu activates.
```
.fusion-logo {
  margin-left: 20% !important;
}
```
For #3 this can be done by using the unique page id CSS class from the opening body HTML tag on the pages where you wish to hide the logo. You can find this using the web inspector built into your browser. For the Rova page, this would be what the beginning of the body HTML tag would look like.
<body class="page-template page-template-100-width page-template-100-width-php page page-id-11851...
In the following example, I’ve hidden the logo from the Rova page.
```
.page-id-11851 .fusion-logo {
  display: none;
}
```
You can use the above as a guide for hiding the logo on the desired pages.

On #4, I’m not sure I understand what you are wanting, but this is probably something you should ask for from the site where you purchased the theme.
thesacredpath · Member · May 31, 2017 at 6:29 am
Copy link
If you haven’t seen it, we have a support page that explains Media Queries.
maryiot · Member · Jun 1, 2017 at 5:23 am
Copy link
Awesome, thanks for that.

I want to remove the logo on all blog posts as well, how can this be achieved?
thesacredpath · Member · Jun 1, 2017 at 6:20 am
Copy link
This would remove the logo from all single post pages.
```
.single .fusion-logo {
  display: none
}
```

No items found.