Forum Replies Created
-
Posts
-
great thank you :-)
I’m trying to have different font sizes in a text block that display on desktop and smaller on mobile and trying to use the “Font sizes” – “Textblock Font Sizes” and changing smaller screens settings to 20px for Font Size for small screens (between 480px and 767px – eg: Tablet Portrait) and Font Size for very small screens (smaller than 479px – eg: Smartphone Portrait) but its not making it any smaller than the default (which is what I want for larger screens.
cheers
Natashahey Ismael
great thank you that works on desktop, but for some reason now on mobile there is a black outline around the social icons?
Just on the size of the social icons – I’m not sure which of these settings I need to adjust to make the size of the social icons larger? I’ve tried a few combos and it just moves the position of them not make them any bigger?
#top #header_meta .social_bookmarks li a {
float: left;
width: 30px;
line-height: 30px;
display: block;
margin: 0px;
outline: none;
padding: 0;
min-height: 30px;
height: 100%;
overflow: visible;
z-index: 2;
position: relative;
text-align: center;
}Cheers
NatashaHi there
Thanks for that. Info provided – link and screenshots. I just want the Logo area Border Color to have no color at all so it works for both the top header area and the menu area.Cheers
NatashaOne more thing – I dont want any lines between the social icons in the top bar, so I had to make the border color the same as the background color for that area. however that then makes the border that color (a green) have lines around the menu. It doesnt seem to matter what setting I have the Header style as. Is there a way to have no border color for the Logo area – General Styling – Logo area?
Great thanks for that it worked.
And sorry just back to the css rule for the phone number and the social icons – none of the first lot of code has any mention of just “social_bookmarks” for the size changes though – only the phone number?
Thanks so much – so it has to be done as quick css and no other way?
Also I’m just unsure which part does what. So what part handles the font size of the actual phone number and what part the sze of the social icons?
And how can I add some extra padding top and bottom (above and below) the text on mobile. And the settings for position in the Theme Header now no longer seem to change anything -so which part of this code overrides that setting? Plus the social icons are showing in the Main Header area on mobile and I havent set them for there just want them to display in the top bar.
Cheers
NatashaYes this is a page it’s not working for: https://www.rachelwilkinson.com.au/massage-and-reiki/
Hey there
It could be this one: https://skylighter.com.au/quick-quote/
Or this one: https://skylighter.com.au/contact/Thank you :-)
Hi there
I used:<span class=”fireworks-text”>Spectacular Fireworks</span>
I have removed it though as it made the image disappear.
What the other gentleman mentioned though makes sense – I have just created another menu for mobile that doesnt have the images just text and used that as the alternative menu for mobile and that works. Thank you@ Guenni007
Didnt work unfortunately :-( the image disappeared on desktop from the menu and nothing showed on mobile
Hi thanks for this.
So just to be clear. I need to add that code in the actual Mega Menu Column Title with the image code thats already there?
just not sure where to add/put this info
Cheers
NatashaI managed to fix the responsive size for the image.
So just need to know how to display the sub menus on mobile now please.
Also how can I make the main menu itself responsive? As I make the screen smaller the menu overlaps the logo.
Cheers
natashaI have had this issue now too – I updated to the latest enfold and the forms and buttons disappeared. I rolled back to the previous version and they are now working again – so there is something in the most recent update that is breaking this with Events Calendar.
Hi there
So there is no option within Enfold itself to change this?
Also could you recommend any specific plugin that works well with Enfold?
Cheers
NatashaAlso I need to know how to make the socket social icons and text larger please and also how to add the social icons to the footer widget area
Hi there
Thanks for this but I need to know what settings to change to close the gap between the caption text and the button on the last 2 slides that display on mobile. Are you able to provide me with what code I need to add to close that gap so the button and caption are centred on the image behind them?\\
Cheers
NatashaFound what the issue is! Its the new Woocommerce product customiser settings. So have changed those and it works – so you can close the ticket :-)
Hi there
thanks for this I will try. but its looking for a specific image file – do I need to have that file?
