Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 18, 2019 at 5:59 am #1055354
    ilonka78

    Hi
    I’m trying to put quote in my header background (next to logo). I created image with this quote. I go to theme options and upload but it gets resize to very small size. What size should be that image with quote? What m’I doing wrong? Thank you

    January 18, 2019 at 10:56 am #1055394
    kimenvato

    I’m interested in this as well.

    January 19, 2019 at 5:14 pm #1055897
    Vinay

    Hi,

    You can try a bigger image like 800 x 200 px but let me tell you the header background image is scaled independently from the logo so it is not possible to position them in relation to each other on different screen size. The logo may overlap the background image text.

    What I recommend is to add a header widget area instead.
    Please check https://kriesi.at/documentation/enfold/header/#header-widget-position

    Let us know if you have any questions.

    Best regards,
    Vinay

    January 21, 2019 at 4:00 am #1056400
    ilonka78

    Hi
    I added widget header (I did all the steps) and I added text to that widget but it is not showing. Any ideas? Thanks

    January 22, 2019 at 1:15 am #1056956
    Basilis

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    January 22, 2019 at 5:14 am #1057022
    ilonka78

    it told me that this email is invalid so I used my email. Link in private section
    thanks

    January 23, 2019 at 1:57 am #1057533
    Basilis

    Hi,

    I check your code and I cant see the widget, where have you added it?

    Best regards,
    Basilis

    January 23, 2019 at 4:35 am #1057552
    ilonka78

    hi
    it is under widgets. I did everything step by step.

    its called “header”

    header widget

    • This reply was modified 5 years, 11 months ago by ilonka78.
    January 23, 2019 at 7:16 am #1057596
    Vinay

    Hi,

    Thank you for contacting us.

    I checked your site you have the installed the widget codes correctly in the child theme but the main theme is active.

    Please activate the child theme and the widget area will show :)

    To import the main theme settings to child theme please check https://kriesi.at/documentation/enfold/backup-theme-settings/

    Best regards,
    Vinay

    January 23, 2019 at 2:57 pm #1057755
    kimenvato

    ok, thanks!

    January 24, 2019 at 12:36 am #1057979
    ilonka78

    Thank you. I forgot to do it for some reason. I have whole website almost ready. That will overwrite all my settings. But I guess there is no other way. Thanks

    January 24, 2019 at 6:57 am #1058037
    Rikard

    Hi ilonka78,

    After installing the child theme you can import the parent settings in the theme options. If they don’t apply at first then please try to toggle a setting or two then save and check the site again.

    Best regards,
    Rikard

    January 29, 2019 at 10:20 pm #1060199
    ilonka78

    Hi
    I have it set up perfectly now but it doesn’t show at all for mobile (when I hold phone vertically) and shows weird when phone is hold horizontally.
    Any solution?
    If it’s impossible to make it look good for mobile I would rather not have it for mobile.
    Thank you.
    Ilona

    January 30, 2019 at 7:20 am #1060353
    ilonka78

    Hi
    That look really bad now on my computer.I’m not sure if this is finished or you still working on this.
    I would rather go back to what I had before and just remove that widget header for mobile.
    Thank you

    Ilona

    January 30, 2019 at 11:10 am #1060425
    Vinay

    Hi,

    Thank you for writing to us. I’m working on your ticket. Please be patient while I update the site and reply here :)

    Best regards,
    Vinay

    • This reply was modified 5 years, 10 months ago by Vinay.
    January 30, 2019 at 2:20 pm #1060487
    Vinay

    Hi,

    I have added the below code to fix the header widget area.

    .responsive #top #header #header_meta, 
/* Header main */
.responsive #top #header #header_main, 
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
    display: flex;
    position: relative;    
    background: gold !important;
}

 #top #header #header_main {
	flex-basis: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}

 #top #header .av-logo-container.container {
	width: auto !important;
	max-width: 300px;
}

 #top #header #header_main .inner-container .logo {
	order: 1;
	background: red;
}

 #top #header .widget {
	order: 2;
	margin-right: auto;
	flex-basis: calc(100% - 300px);
	background: blue;
}

 #top #header #header_main_alternate {
	order: 3;
	flex-basis: 100%;
	background: green;
}

@media only screen and ( max-width: 768px) {
	.responsive #top #header #header_main {
		flex-direction: column;
		flex-wrap: nowrap;
}
.responsive #top #header .widget {
	order: 2;
	margin-right: 0 !important;
	flex-basis: 100%;
}
.responsive #top #header .avia-menu  {
  position: absolute;
  right: 0;
  top: 0;
}
}

    You need to disable the social icon to increase the logo size. It would require quite some time and customization of the theme to fit all the elements, so I am sorry to tell you that this is not covered by our support. However, if it’s really important to have the social icons next to logo, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    January 30, 2019 at 4:39 pm #1060537
    ilonka78

    Hi
    Can we just disable widget header for mobile? And keep everything as it was before. It is not worth it.
    Everything else looked great before for both mobile and PC.

    I didn’t want to make it so complicated.Sorry!

    Thank you

    February 1, 2019 at 5:14 am #1061358
    ilonka78

    I used that code
    @media screen and (max-width: 1100px) {
    #header .widget { display: none !important; }
    }
    so now t doesn’t show on mobile. We can close it. Thank you for your help.

    February 1, 2019 at 11:41 am #1061476
    Vinay

    Hi,

    Glad we could help!

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Header background resizing’ is closed to new replies.