I recently installed The Events Calendar plugin and everything is working great except when I go to the default event listing it is showing a breadcrumb on the page and since it is not a physical page, I dont know how to remove it. I have removed breadcrumbs from the rest of the site using:
.page .page-title {
display: none;
}
But I assume this is not what generates the breadcrumb on this particular page.
]]>Hello, I am having a little issue configuring the hero widget for my needs. Rather than using the Header Media, I would prefer not to have the title on the home page and I want the image beneath the top menu.
So I thought that using the Hero Widget would be a better option. So here is what I tried:
https://drive.google.com/drive/folders/1KIZVwWVGF3Z3gw4fqRgf4-ORWWfnjoHv?usp=share_link
Can you offer any suggestions about how to resolve this. As I mentioned in the opening paragraph, I would much rather use the widget.
]]>I created a single page with a long menu linking to anchors on the same page. This is problematic on a single-page scroller, as a long menu covers up the content when it scrolls. So it would be nice if the expanded menu would automatically collapse when a link is clicked.
I would like the menu to close/collapse after clicking the link. Any ideas on the best way to accomplish this?
Thanks in advance for the assist.
]]>Our sub-menu items spill over to multiple lines and the top line is indented. I would like to remove the indent on sub-menu items so that the multiple lines line up properly. I thought that adding the following code would fix it but it doesnt seem to be working
.main-navigation > ul > li > a
{
margin-left: 0px;
}
Can someone help?
]]>I’m using the Stout theme and in my headline in the Hero widget on the home page the word “AFFORDABLE” is too wide for some phones and the “E” drops to the next line.
How can I make this smaller and/or dynamically sizable so it fits on a vertical phone screen?
Thanks.
]]>Hello. I wish to move the Main Menu more to the Left so it is closer to the logo. How may I do this? Thank you.
]]>Hi there,
On my Home page, I’d like to increase the width of the main navigation bar as at the moment the text is spilling over into two lines.
Any help will be gratefully received.
Thanks!
Steven
]]>Hi, I am a total newbie-this is my first post, and I don’t know what I am doing with code other than just cutting and pasting so please bare with me ??
For some reason my nav bar/banner image changes size (gets bigger) on my shop and cart pages only. Is it possible for this not to happen? I use WooCommerce and the Stout theme. Thanks! Chip
I posted this over in the developer forum too. I’m not sure which one is best so sorry for the double post….
After a woocommerce update, a cart started appearing on the right side of my nav, even when empty. I was given the fix below earlier. The CSS fixed the cart display (made it so it wasn’t visible), but it leaves a large amount of white space to the right of my menu, which is now unusable for the nav tabs. Is there another way to fix this that totally removes the cart from the nav area and free up that nav space?
.main-navigation .primer-wc-cart-menu
{
margin-left: -150%;
}
.entry-title {
margin: 0 0 .275em;
}
The feature image of the the posts and pages is suddenly overriding the header (hero?) image. How do I make it stop doing this? I want both to appear.
Thank you.
]]>Hello,
I’m in the process of optimizing my site for SEO and speed. I hit a few snags when trying to find the appropriate header image size. The image that I currently am using may be too large. In the customization editor, it tells me the header video size in pixels but not for an image.
Could someone please let me know what the specs are for this theme’s hero images so it can run a tad more smoothly especially on mobile devices? ^-^
Also, if there is a plugin that could better format this theme and its content on mobile devices, that would be awesome too! ^-^’
]]>When using my cellphone/mobile device to navigate the site, the three bars at the top that signify where the mobile menu is located is not opening/launching/working at all. This has been a fairly recent development, and I am looking for a way to fix it/change that mobile menu type so that customers can properly navigate the website via a mobile device.
]]>I just installed WooCommerce on my site. It adds “$0.00 0 items” to my nav bar. How do I remove this? My theme is Stout and I also have the Primer theme installed but not activated. Thank you!
]]>Hi there,
I am looking for help on a couple of things for the site: heatedrvstorage.com:
1) Can you help me center align the site title on the home page? Right now it is left aligned and I’ve entered countless variations of code that I’ve looked up to get it to center align, but nothing has worked yet. Do you have any suggestions?
2) One the mobile site, the site title is overlaying the hamburger menu. How do I reduce the size of the site title without it affecting the desktop view?
Thank you,
Michelle
Recently added the Stout theme, has anyone been able to remove the menu name (think this is a permalink) from the middle of the uploaded image. It’s on all our pages. Removing the permalink seemed to work but this also removed the name from the top menu. Thanks
]]>How do I get the white box along the bottom (footer) to be transparent? I want to keep the menu and even the “GoDaddy” thing is fine. I just want the white box that stretches across to be transparent. Thanks!
]]>I have a very wide logo so I can only fit the circle portion of the logo on the mobile view but I can fit the entire logo on the full size version.
For the STOUT theme I’m using, how can I specify a different logo for the mobile version?
]]>Dear support,
the .footer-widget-area class does not inherit any of the Customised fonts for Site Title, Navigation, Headings, Primary or Secondary. Instead the font for it remains the default Lato font of the theme. Changes is possible via custom.css:
.footer-widget-area {
font-family: "Roboto", sans-serif;
/*font-family: inherit;*/ /*inherits Arial(!)*/
}We have built our site with the Stout theme and I understand that the transparent menu on mobile is standard with this theme, however, it is very difficult to read the menu items when in mobile because of the transparent background.
I have looked through documentation and other forums to see if there is an option I have missed to make the mobile menu a solid color but have found none. Is there a CSS rule we can add to remove the transparency? I have limited CSS knowledge and am unsure how to remedy this. Thank you!
]]>The video header covers up the page title. I tried customizing the CSS using Z-index for the .page-title but it is not working. Can someone help?
Also is there a setting to turn off the infinite loop for the background video?
]]>Does this theme not come with a primary top hamburger menu for mobile? Mine does not show, and I can’t figure out how to fix. Maybe it’s a feature not a bug? I see others ask this question, but getting no answers.
]]>The social profile icons in the Social Profile widget display as squares on my home page but appear correctly on other pages. I’m guessing it’s some conflict with another plug in or code that is affecting only that page. Any thoughts?
]]>Hi! I’d like to remover the over-sized hero image from my home page AND make it look the other pages (just an image and a header). The code
.hero {
display: none;
}
.site-content {
margin-top: 6em;
}
removes the hero, but also the image/title.
Secondly, I want to change the size of the graphic that is behind the title. I’d like to make the height of it about half of what it currently is.
Can you help me make that happen?
]]>We are looking at editing the sub menus , but how do we link the pages to these sub menus on the from of the page of the website
]]>We would like to increase our header image on our site – specifically, the height. We would like to bring the bottom of our image down to where the image is not so narrow across the top of the page. Is there custom CSS code for this type of request? Not sure if this is a padding issue, or a setting in the dashboard.
I can provide screenshots to further illustrate our request.
Thank you in advance.
]]>Hi everyone!
I’ve reading and searching and trying everything I’ve found but I can’t reach to change the “Continue Reading” text button.
I want to change it to spanish. I’m using Stout theme.
I’ve tried:
– customizing css code at “appareance”
– replace code at Primer theme
– installing several plugins
– follow the steps that I’ve found at other posts
Edit for adding this: I’ve also wanted to insert some description above the entries, is there a way?
Any help?
Thank you!
(sorry for my english)
]]>I detected full gray squares instead of gray squares with logos for media icons (FB and email) viewing our site in the Internet Explorer 11 browser. It is the social menu of the Stout theme. The links works OK. One just cannot distinguish them from each other.
FF and Chrome show the icons well.
I couldn’t figure out how to upload a picture to the forum yet.
]]>How come my full width colored row still has padding on either side? Is there a setting in the theme i need to still tweak for full across style? I went into beaver builder and set it to full width with content width fixed. I also set the theme to fluid layout.
]]>Hello
I have noticed that the site title on the homepage is bold while the site title on the sub pages are not. Is there a way to fix this?
I would also like to move the title from under the logo to the right side of it. I have looked up code examples of people with similar issues and nothing seems to work. I am assuming it has to do with coding differences between themes?
Any help on these issues would be greatly appreciated!
]]>Currently using this CSS in the “Additional CSS” section in the customization area:
.hero .page-image {
display: none;
}
This removes the image but leaves a black box running along the top and I just want that to go away or be transparent.
]]>