Forum Replies Created
-
Posts
-
Hi Rikard,
Sorry for the delayed reply.
I have attached 2 screenshots of what I’m trying to achieve.
Many thanks
Hi Victoria
I’ve posted below.
I’m also trying to get the page to dim when I hover over this submenu – would you be able to look at this as well?
Many thanks,
Hi Victoria,
With the correct code I managed to create what I am after with the following:
#top .av-subnav-menu > li ul {
top: 53px;
position: fixed;
width: 100%;
left: 0%;
margin: 0 auto;
}How would I get these menu items to be displayed horizontally rather than vertically? I’ve enabled mega menu?
Cheers
Hi Basilis,
That’s a shame but not to worry I have an option B!
How would I go about creating a heading in the page which will display about a sidebar?
This is the reason I wanted the title as it gave me that option. I can recreated the heading and the breadcrumbs manually I just want it fullwidth and the sidebar to start below.
Hope this one can be answered!
Cheers
Hi Victoria,
Didn’t manage to get the drop down lower – it is still overlapping the submenu border line?
The Gift shop link works and goes through to a page but as the others are set up as product categories and you can’t add a submenu to these pages I am not able to change any.
What exactly can I do to help with you being able to solve this? I plan on making these links go to pages – can I add any that will help or is The Gift Shop good enough?
Really appreciate the help
Hi Jordan,
That’s correct yes. I want it attached to the main menu and then Gift Shop page title to be below.
Many thanks,
Hi Victoria,
Thanks for the code – I have managed to find the html -> #top .av-subnav-menu > li ul a {
This is the section I want to make 100% width and central on the page?
Is this complicated like Basillis mentioned or is this easy to give me the code to make this happen?
Appreciate all the help.
Cheers
Hi Basillis,
That’s unfortunate.
Would you be able to give me the exact way to reference this dropdown in my CSS so I can play around with sorting this myself?
Many thanks,
Hi Ismael,
Thank you for the suggestion. Would you be able to explain this in a little more detail?
Where am I looking to place the code? Does the sub menu need a heading or do I just use the menu name?
Thanks.
Hi Victoria,
If I was to make this the main menu how would I go about creating the current header I have now with the search bar, logo and icons as a secondary?
I looked at the link you sent but I couldn’t quite follow how to apply that to my situation?
Hope you can help me move forward.
Thanks
Hi Rikard,
I have created a full width sub menu but I want this to be a proper menu on every page. It is only on the homepage currently and some of my WooCommerce pages I can’t add anything to with the advanced editor.
I’d also like to when I hover over a category for example ‘burners’ I want the sub menu to be full screen.
Hope you can help
Luke
Hi Vinay,
That has worked a treat thank you.
Could you please see my other post if you can help?
Many thanks,
Hi Jordan,
Can I also ask how to remove the search bar on mobile? Maybe replace this with the standard search icon?
Thanks
This is the other CSS I have for that search widget.
/* Centre the header search widget */
#header .widget {
left: 45%;
padding-top: 35;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}Hi Jordan,
That’s starting to look great.
How would I make the search bar wider?
How would I change the placeholder from ‘Search’?
Many thanks
Hi Basilis,
The best example I can find is http://www.diy.com
When you hover on one of their menus the full screen is taken to display.
Look forward to your help.
Thanks
Hi Ismael,
Thanks you for sorting this. I just have a small point.
It looks perfect on the home screen however when I go to a product page it is unaligned and missing borders. Can you please have a look to see what you think?
Thanks
Hi Ismal,
I’ve just removed my CSS code in Quick CSS and replaced it with the code you suggested above.
I am not seeing any change?
Sorry to be a pain.
Thanks
Hi,
Still struggling to get this working, can you please review my code below.
QUICK CSS:
#mc4wp-form-1 {
.email {
text-align: center;
font-size: 12px;
padding: 20px 80px;
border-color: #000000;
border-bottom: 0px;
}::placeholder {
color: #000000;
}.button {
color: #000000;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 0px 0px;
cursor: pointer;
border: #000000;
padding: 20px 118.5px;
border-color: #000000;
background-color: #ffffff;
border: 2px solid #000000;}
}MAILCHIMP FORM:
<p>
<input type=”email” class=”email” name=”EMAIL” placeholder=”NAME@EMAIL.CO.UK” required />
<br>
<input type=”submit” class=”button” value=”SUBSCRIBE” />
</p>Thanks.
