Forum Replies Created
-
Posts
-
Hi Rikard,
Thanks for taking a look. I found a plugin button maker which i’m now using instead of the theme button, works really well.
Plugin: Button MaxThanks again.
Hi Ismael,
All sorted and this is how I did it. If you’re re wanting to use an .SVG as you header logo then you have to save it in a certain way using Adobe Illustrator. Here are the settings…
Type: SVG
Options: Link
Advance options: Style elements / 1 / Unicode (UTF-8) uncheck all of the check boxes below and save.
You will now be able to use an SVG header logo with no alignment issues.:)
Hello,
Any joy with the previous question? I have been using Safari this morning and noticed the main header logo on desktop is aligning centre which is not good. I would really appreciate a speedy reply.Thank you. :)
Hi Rikard,
Sorry if I was unclear, let me try again.Mobile:
When I turn my mobile landscape the logo which should be aligned to the left is in the centre of the header, I need the logo to stay aligned to the left.Desktop:
When I scroll down the page and the header shrinks, the logo shrinks from a point in the centre of the logo, the logo should always be aligned right and shrink down keeping the right side aligned. When the logo shrinks now it leaves a right-hand margin.Thanks
…One more point on desktop when the logo shrinks on scroll is shrinks from the centre and not the left.
Thank you.
Hia,
Ok, works just like adding padding to the image direct, which is great for desktop, the image still doesn’t align when I switch to tablet portrait, is it not possible to adjust the margin-right? Does margin-right even exist? I will be using the same layout for all the product page so it would be great if i don’t have to write individual code for each image.//**At the moment i’ve set the image to only display on desktop until we can find a solution.
Thanks,
Andy
Sorry, this is the code I used which had no joy with the right margin.
#top #av-layout-grid-1 .av_two_third .av_one_full{
margin-right:10px!important;
margin-left:10px!important;
}Thanks,
Hi Jordan,
The code provided doesn’t adjust the margin of the bottom image only the images above. I have attached a more detailed image, hopefully this helps.
I altered your code to the code below hoping the ‘margin-left:10px!important;’ would work but no joy.
#top #av-layout-grid-1 .av_two_third .av_one_full{
margin-right:10px;
margin-left:10px!important;
}Thanks,
Hi Victoria,
I’m wanting to align the last image, right and left margins so that they align with the images above. Hopefully the link will help to identify the area.
Thank you!
Hi Victoria,
Really cool that piece of code works perfectly. I added ‘margin-bottom: -40px;’ to bring the section in to a regimented grid layout. I have an image below the .av_two_third .av_one_half which now needs coding to vertically align with the images above. I tried the code below hoping this would work but nothing happened. Can you help me solve this issue please.
#top .av_two_third .av_one_full {
margin-left: 10px;
}Thank you.
Found the solution, code below…
#top .av-submenu-container {
min-height: 30px !important;
line-height: 10px !important;
margin: 0px 0px -14px 0px;
}Thanks,
Andy
Hi Victoria,
Thanks for the quick response, after dropping the code in the Quick CSS the ‘line height’ has had an effect but the container still remains at 50px height, I need it to be more like 30px.
I also tried the code in custom.css, no joy.
Can you recommend another method please?
Thanks,
Andy
Hi Rikard,
Worked a treat, thanks very much.
K
I also duplicated the code and replaced the 1 with a 2 so both columns are now looking great.
.page-id-29 .u-column1.col-1 {
background-color:transparent;
}.page-id-29 .u-column2.col-2 {
background-color:transparent;
}Hi Jordan,
I can only see the following in the quick css which might be relevant…
form.register {
min-height: 470px;
}.form-row label.inline {
clear: left;
padding-top: 20px;
}
.login p.lost_password {
margin-top: 0!important;
}Do I need to amend this code?
Thanks,
K
Hi Rikard,
I have tried the suggested code, refreshed the cache and there is no change to the “view basket” button?
Thanks,
Hello,
I don’t know how but the site seems to be working again, thank you if you have amended something in the background.Can I ask how do I reduce the letter-spacing in the widget the right-hand-side https://www.buddymugs.co.uk/shop/
‘Basket‘ (once an item is added) and ‘Buddy Mug Collection‘ ?
Thanks.
I have dropped a maintenance page on the site for the moment. Would you like me to overwrite the Enfold/Enfold Child files as they were before the update or shall I wait until you’ve had a look?
Thanks.
Hi Guys,
Thanks for trying to help me, I do appreciate your time.
I have good news!!! The fix was simple, I changed the header logo from SVG to PNG, job done, all working.
Thanks,
Kitch
I know and totally understand what you’re saying/seeing, when I view the website on mobile and tablet using an online desktop viewer (Screenfly) the code works, however when I view it on a variety of mobiles and tablets the code does not work. It’s very strange.
Is there nothing else we can try?
Kitch
Hi Victoria,
Sorry, that code doesn’t work. The logo increases in size yes but the margin on the left also increases pushing the logo towards the centre.
Kitch
Good news! the following code is the closest i can get to a solution:
@media only screen and (max-width: 2000px) { .responsive #top .logo { width: 40% !important; } .responsive #top .logo img { float: left !important; } }If possible i would like to show the logo slightly larger (mobile portrait) and when the mobile is turned horizontally the logo steps in from the left margin. any help on this would be much appreciated.
K
I have found a solution to the cart border issue, add the following code to quick CSS:
@media only screen and (max-width:767px) {
#top table {
overflow: visible !important;
}.responsive table.shop_table.cart td {
border-left: 1px solid #e1e1e1;
}div a.remove {
margin: 0 auto;
}
}I’ll stop trying different css codes now for both issue until I hear back from you.
If there is anything I can do in the meantime please let me know.
K
Hi, the code I used above still doesn’t do the job, if still looking for a solution, I’ve literally tried all the available code on the forums, 5 days of trying now and i’m no closer to finding a fix. Really need your help on this one.
Thanks,
After hours of trying I’m one step towards working it out:
@media only screen and (max-width: 767px) {
.html_header_top #top .av_logo_right .logo {
right: auto;
left: 10%;
margin-left:-60px!important;
}
}This code aligns the logo left on iPhone 7+, however turn the phone and the margin stays the same between the logo and menu.
left: 10%;
margin-left:-60px!important;I think the solution might be found here in the bold code, this need to say ‘align the logo to the left page margin’
Hope this helps.
Kitch
