Luke Stacey

Hi there!

You can use Media Queries to adjust the layout of your site for specific screen sizes.

If you post a link to your site we can suggest some CSS to use to fix your problem.

Then you could post this CSS in Appearance -> OnetOne Options -> Custom CSS or in a child theme.

You can read about child themes here.

I hope that helps!

Luke the Daft Duke

Hi there! 🙂

I would highly recommend you create a child theme to store all of your changes and keep them safe when the theme updates.

You can read about child themes here.

Once you have your child theme set up you can paste this code into your child theme style.css file.

1. Reduce the header:

.site-branding {
  padding: 1rem 0;
}

2. Reduce the font size:

.entry-content p {
  font-size: 1.7rem;
 }

For the second issue could you post a link to your site as I would need to know what plugin you are using in order to make a suggestion.

I hope that helps!

Luke the Daft Duke

Hi there! 🙂

Are you wanting to do something like this?

Screenshot

If so, you need to make some CSS changes. The best way to do this is by creating a child theme so all of your changes will be safe when the theme updates.

You can read about child themes here.

Once your child theme is set up you can paste this code into your style.css file:

#container {
   max-width: 100%;
}

I hope that helps!

Luke the Daft Duke

Hi,

You can hide them with CSS or modify the php files so they are completely removed from your theme.

The best way to go about this is by creating a child theme. You can read about that here.

If you post a link to your site I can show you what CSS to add to your child theme style.css to remove your themes or advise you further on editing the php files.

I hope that helps,

– Luke

Finally figured it out…

1. Put this in your functions.php file (in your child theme)

<?php
function add_menuclass($ulclass) {
return preg_replace('/<a class="dropdown-toggle"/', '<a class="dropdown-toggle disabled"', $ulclass, 1);
}
add_filter('wp_nav_menu','add_menuclass');
?>

2. Admin Dashboard -> Appearance -> Menus

3. Screen Options (top right) -> Show Advanced Menu Properties -> Check ‘Link Relationship (XFN)’

4. Go to your Menu Item (Projects) click on the carrot to pull down the options.

5. Type ‘disabled’ in the ‘Link Relationship (XFN)’ field.

6. Save the menu

Good luck!

– Luke

Hi Greg,

I think you’ll need this to get the second tier items to reveal on hover:

#menu-item-43:hover .dropdown-menu {
display: block
}

– Luke

Seeing as it works fine with firebug and chrome inspector my guess is that either its a specificity issue within the CSS or your child theme is not set up correctly.

To check for specificity you could try this:

#post-7 header h1 {
  display:  none !important;
}

.breadcrumb-trail.breadcrumbs.font-secondary {
  display:  none !important;
}

This could be due to the fact that you have multiple stylesheets in your child theme – style.css, one-five.css etc.

When you make you child theme you should only store your changes in your new child theme styles.css file. The parent theme style sheet can be linked using the @import feature. Is this how you did it?

I hope that helps.

– Luke