-
Posts
-
Hi im trying to get the logo in my header on the left, menu below and widget on the right. I have input this code
//——————————–
// Header widget area for menu below
//——————————–
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}in the functions-enfold.php file, but the widget appears on the right above the logo. Can you help me get the logo to appear on the right please.
Hey james-clickstream,
Please try the following in Quick CSS under Enfold->General Styling:
#media_image-2 { position: absolute; right: 0; }Best regards,
RikardHi Rikard,
Thank you for the response but it haunts worked. Can we try something else?
Cheers,
James
Hi James,
Thanks for the update, but I can’t see the widget on the page anymore. Did you remove it? Also, where did you place the CSS I posted?
Best regards,
RikardHi Rikard,
I didn’t refresh my cache – now it is working. Just one more question can we indent it to the left by 10% of the screen width?
Thanks
james
Hi james,
Please try using the code like this:
#media_image-2 { position: absolute; right: 10vw; }If you need further assistance please let us know.
Best regards,
VictoriaHi,
Its working correctly now. I have one more request – is it possible to get the widget to drop below the logo on a mobile screen size.
Currently on mobile the widget is behind the logo.
Thanks
James
Hi James,
There’s not enough space in the header on mobile, what about hiding the widget on mobile and then you add a new section to your content which is only visible on mobile, then add the same content as in the widget there?
Best regards,
RikardHi,
Hide the widget with this CSS:
@media only screen and (max-width: 767px) { #media_image-2 { display:none; } }Then add the content to a new section and select which screen sizes you want to display it on in the screen options tab in the element options.
Best regards,
Rikardthis isnt a good solution as it limits the screen width across all devices.
Is there away to keep the screen width as scalable but remove the widget on screen smaller than 700px?
thank you
james
Hi James,
Nothing will limit the screen width in the CSS we gave you, could you try to explain the problem a bit further please?
Best regards,
RikardHi,
I updated my enfold theme this morning. The banner on the right hand side of the header bar has disappeared.
I have tried entering this code into the functions-enfold.php files but when I do this the entire header section of the website breaks.
//——————————–
// Header widget area for menu below
//——————————–
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}Can you help me get the banner back?
Many thanks,
James
Hi James,
The code is supposed to go into function.php, not functions-enfold.php. Please try it in that file instead. If you can’t get it working in there either then we can have a closer look at it. https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
RikardHi I just updated WordPress, then I input the code in the functions.php file as instructed but I get an error message and it breaks the header on my website.
This is the error message:
constant ‘ava_main_header’ – assumed ‘‘ava_main_header’’ (this will throw an Error in a future version of PHP) in /home/clicks46/public_html/car-charging-point.co.uk/wp-content/themes/enfold/functions.php on line 849Warning: Use of undefined constant ‘enfold_customization_header_widget_area’ – assumed ‘‘enfold_customization_header_widget_area’’ (this will throw an Error in a future version of PHP) in /home/clicks46/public_html/car-charging-point.co.uk/wp-content/themes/enfold/functions.php on line 849
Warning: Cannot modify header information – headers already sent by (output started at /home/clicks46/public_html/car-charging-point.co.uk/wp-content/themes/enfold/functions.php:849) in /home/clicks46/public_html/car-charging-point.co.uk/wp-includes/functions.php on line 6270
I have deleted the code for now please can you explain what is going wrong?
Thanks
James
Hi,
I tried logging into your site but the details you posted are not working, please check and verify.
Best regards,
RikardHi,
Thanks for that. Are we allowed to add the code back for you? Do you have backups in case something should go wrong? We might have to remove the code if the site crashes, if that is the case then we would need FTP login details. Please share details in private.
If you want to make customisations like these, why don’t you put them in a child theme? That way you wouldn’t have to add the code back after each update.
Best regards,
RikardI tried to install a child theme but it has mess-up all my settings. My site looks completely different.
Now I have deleted the child theme and gone back to the original but my site still looks different.
Is there any way we can roll back these changes?
ok I have done a roll back on the server.
The server details you asked for are attached. You have my permission to alter the code, I have taken a backup of the site today.
if you can create a child theme without altering the layout of the site that would be great.
thanks
Hi,
I’ve added the code back for you and it’s working. I would recommend that you install a child theme, and make sure that you import the parent theme settings under Enfold->Import/Export after that.
Best regards,
RikardHi I have an issue with my site http://www.clickstream.org it. On safari it looks fine but on chrome & IE the CSS is broken and not displaying the site correctly.
I have tried updating WordPress and Enfold theme but it hasn’t fixed the problem.
I have also turned off all of the plugins to see if this was affecting it – again it did not work.
Please can you take a look.
I have attached login details
- You must be logged in to reply to this topic.