[Wolf]

You could try to add some Custom CSS, something like
.hgroup-right { float: none; margin-left: auto; margin-right: auto; }

Just from the top of my head, haven’t tested it….

[tony_boslett]

here’s a followup to this question…what I’m basically trying to do is have a navigation menu that is full width across the container and renders nicely from desktop, ipad, or phone. A screen shot and the custom css I’m using are below. It looks fine from a desktop, with with an ipad, the last few menu items wrap to the next line, and with a phone, I just get the 3 horizontal lines. Any help would be greatly appreciated – I assume I’m doing something wrong with the css.

You can get to a screen snapshot of what I’m trying to do at: http://www.lisaboslett.com/horizontal_menu.png

Here’s the custom css
——————————–
#main .container {
min-height: 500px;
}

#branding .hgroup-wrap .container .hgroup-right {
padding-right: 0px;
}

.narrow-layout .container { width: auto; }

#branding .hgroup-wrap .container {
max-width: 100%;
}

.page-title-wrap {
height: 0px;
display: none;
}

.search-toggle {
display: none;
}

#access ul {
display: table;
border-collapse: collapse;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}

#access li {
display: table-cell;
width: 1%;
border: 1px solid #ddd;
background: #eee;
vertical-align: middle;
text-align: center;
}

#access a {
display: block;
padding: 10px;
color: #000;
text-decoration: none;
height: auto;

border-style: solid;
border-width: 0px 2px 0px 2px;
border-color: linear-gradient(#e0e4e9, #2b4f75);
background-image: linear-gradient(#e0e4e9, #4b5c6e);
-webkit-border-image:
-webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:
-webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
border-image:
linear-gradient(to top, black, rgba(0, 0, 0, 0)) 1 100%;
}

#access ul li:first-child a { border-width: 0px 2px 0px 0px; }
#access ul li:last-child a { border-width: 0px 0px 0px 2px; }

#access li {
margin: 0;
}

#branding .hgroup-wrap .container .hgroup-right {
float: none;
}
nav#access {
float: none;
}
#access ul li { float: none; }
#access ul li a { float: none; }

#access ul li:link > a { color: #000; }
#access ul li:visited > a { color: #000; }
#access ul li:hover > a { color: #fff; }
#access ul li:active > a { color: #000; }
#access ul li.current-menu-item a { color: #000; }

[Theme Horse Support Team]

Hi Henderson,

To move the icon to just below the logo Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-right {
margin-top: 98px;
}

Thank you!

[Theme Horse Support Team]

Hi Tofrar,

To make the space above the header image(banner) Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-wrap {
    padding-bottom: 21px;
    padding-top: 0;
}
.hgroup-right {
    margin-top: 28px;
}
#site-logo {
    margin-top: 22px;
}

Thank you!

[Vincent]

I also found this one:

#access {
margin-bottom: 10px;
}

And this to control all the excess space:

.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#access {
margin-bottom: 0;
}
.hgroup-wrap img {
margin-bottom: 0;
margin-top: 0;
}

Put then one by one in the custom css and see the changes and adjust the values as you like.

I am still needing to dump the search and all the space above the header or at least control it.

[Patricia]

Thanks, Vincent! That did a great job of moving the page title up … I even reduced it a little more than 10.

But there’s still space under the nav bar … maybe I can play with that a bit.

By the way, I am using a child theme, not working with the original.

I like the Search, but it doesn’t seem to offer a “submit” option; I have to hit “return.” Any thoughts on how to make that work?

As for your issue of eliminating the Search entirely, I did see this:

/* Search Form */
#branding .searchform {
margin-top:20px;
float: right;
}
#branding .searchform div {

}
#branding #s {

}
#branding #s:focus {

}
#branding #searchsubmit {

}
#branding .only-search .searchform {

}
#branding .only-search #s {

}
#branding .only-search #s,
#branding .only-search #s:focus {

}

[Vincent]

I found this one that you can put in your custom css

#main {
padding-top: 10px;
}
input[type=”reset”], input[type=”button”], input[type=”submit”] {
margin: 0;
}
#content ul, #content ol {
margin: 0;
}

[Theme Horse Support Team]

Hi Carol,

To change the height of my menu/nav. area and display Menu on one line vs. two Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access a {
    height: 40px;
    padding: 20px 0 0;
}
#access ul li ul {
    top: 60px;
}
#search-box {
    top: 60px;
}
.search-toggle {
    margin-top: 22px;
}
.menu-toggle {
    margin-top: 25px;
}
.hgroup-right {
    float: none;
    padding-right: 0;
}

Thank you!

[Theme Horse Support Team]

Hi Kelsey,

To add gap below revolution slider Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.slogan {
    margin-top: 40px;
}

Thank you for using our theme.

[Theme Horse Support Team]

HI Ben,

To display forum create a new page and add a shortcode in a page [bbp-forum-index] , Then this will display the forum title in title banner.

Forum have its own breadcrumbs if some one wants to go to the root topic they will have to click on forum breadcrumbs, the top page title banners breadcrumbs are of the site breadcrumbs and it is not for the forums topics. We don’t think that the breadcrumbs have some other issues.

About the margin we found that you didn’t update your style.css and still using the old version. Please update it. We have already written the CSS code to support bbPress forums.

Thank you!

[ameetagarwal2010]

I am using the Interface Free Theme. When I view the site on a desktop it displays fine with the Main Content in the left and the Right Margin in the right. But when I view the same on a laptop, the Right Margin moves below Main Content. How do I fix this?

In short, I do not want the Right Margin / Sidebar to move below the Main Content for screen sizes of more then 1024 pixels.
For screens less then 1024 pixels, the Right Margin / Sidebar shifting below Main Content is OK.

My url is – http://www.pyramidfinance.com/pyrfinwp/

[akole]

Hi! I was looking the forum for the subject, but unuccessful.
My question is there any way to shrink main menu hight?
Could you please provide some CSS similar to
.hgroup-wrap img {
margin-bottom: 0px;
margin-top: 0px;
}
which will change the hight of main menu?

Thanks!

[Jane]

Hi Rabin,

You’ve been really helpful with some of your support replies, so I hope I might be able to target you with this little issue I am having.

I have changed the responsiveness perameters so the desktop view is still displayed on full-size tablets such as the ipad, as otherwise I lose my nice design and important information as it gets rid of the sidebar. I did this by changing “@media only screen and (max-width: 1078px)” to max-width: 767px. This is possibly a fudge, but it works well.

It looks great in landscape mode, but in portrait the text is very close to the edge of the screen. Is there a way to add margin, border or padding to give a bit of space at the left and right edges of the screen? I am hoping a simple change to css will work.

This is my site: http://www.janekillick.co.uk

I want it to behave in a similar way to the publisher site at : http://www.ellybooks.co.uk. That uses a theme where responsiveness can be turned off for tablets, which would be a great addition to the attitude-pro software.

I’m using two themes because I want the two sites to look different. I hope I will able to keep the look I want using attitude-pro on tablets, rather than displaying a website where some of the information is missing.

Regards,
Jane

[Theme Horse Support Team]

hi snowdevil,
just go to this link
https://www.themehorse.com/support-forum/search/Top+margin/
regards
Sunil

[snowdevil]

Hi – I also need to decrease the amount of top margin in css. Can you provide a link to this information? Thanks.