Need your help please Menu with bigger logo - Support | Kriesi.at

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
December 27, 2016 at 11:06 pm #728308

TheWET1
Participant

Hi there. I have just gotten our new website up using this theme! And its really nice and professional looking! please take a look!

So I have a question for help. I would like to have some customization done for the menu and header menu. I want to do this and also to have our logo bigger. that way you can actually read it. So my idea is to expand the logo across the menu and header part of the menu where the phone numbers and social logos are. So the logo would be bigger and then as you move down then it will shrink to a smaller size and would be across the menu and part of the header menu. And what I envision would be that the top blue line would be a small line above the menu and then as it goes across to the right then it will get bigger to be like it is now. This way the two logos would be bigger when they start out and then when it shrinks down would be the same size as the logo as it starts out on my page currently. I could try to mock up something. But want to make sure this is something that can be done. I think this would really put the finishing touches of professionalism on it! I hope that this comes across correctly!

I have uploaded four pictures to get across what I am looking for help on. you can see them here <link> and look in the Web Site album. You will see the current1 and current2 pictures that are what you would see if going to the site now. What I want to have changed are what I have been able to do via gimp editor of the two views. I am just trying to get a bigger area for my logo so that it is where it can be more readable. I hope that this is something that can be done easily.

Thank you

Doug Holcombe

December 27, 2016 at 11:07 pm #728310

TheWET1
Participant

Oh also, Do I need to do a child theme then so that this update doesn’t get removed every time a new update is done?

Thank you

Doug

December 27, 2016 at 11:40 pm #728311
Yigit
Keymaster
Hi!

Custom CSS code i add to Quick CSS field is not working. Please try adding following code to enfold/css/custom.css file via FTP
```
#header_meta {
    margin-top: -25px;
}
#header_meta .container {
    position: relative;
    top: 20px;
}
.header_scrolled .social_bookmarks, .header_scrolled .phone-info {
    background: #1e2a87!important;
}
.social_bookmarks, .phone-info {
    padding-right: 20px;
    padding-left: 20px;
}
```
and then set header height to 120px in Enfold theme options > Header

For these changes you would not really need a child theme however if you are going to modify theme files, definitely recommended – http://kriesi.at/documentation/enfold/using-a-child-theme/

Best regards,
Yigit
December 28, 2016 at 1:47 am #728325

TheWET1
Participant

Yigit,

I made the changes. I do not see much change other than the logo at first is larger but not crossing over the two menus. Maybe I didn’t do the changes correctly. Can you check on this for me please.

Thank you

Doug

December 28, 2016 at 2:01 am #728327
Yigit
Keymaster
Hey!

Can you please change the code to following one?
```
#header_meta {
    margin-top: -25px;
}
#header_meta .container {
    position: relative!important;
    top: 20px!important;
}
.header_scrolled .social_bookmarks, .header_scrolled .phone-info {
    background: #1e2a87!important;
}
.social_bookmarks, .phone-info {
    padding-right: 20px;
    padding-left: 20px;
}
```
If that does not help, please post FTP logins here privately as well

Regards,
Yigit
December 28, 2016 at 2:36 am #728333

TheWET1
Participant

Yigit,

Done but again nothing different

see comments for ftp info

Thank you

Doug

December 28, 2016 at 2:42 am #728334

TheWET1
Participant

Yigit,

I was just looking in the enfold theme settings and see the area for the Quick CSS. I see that there is code in there. Was that to be left in there? maybe that is overriding what we are trying to do in the file?

Thank you

Doug

December 28, 2016 at 1:00 pm #728356

Yigit
Keymaster

Hey!

I believe there is some sort of server side caching as i am not able to see the changes right away. But some of the codes we applied yesterday are working today. I made further adjustments in the code, it should work fine now, once cache is flushed :)

Regards,
Yigit

December 28, 2016 at 4:35 pm #728366

TheWET1
Participant

Yigit,

I do apologize. My website designer turned that on and I didn’t know. It was cloudflare and yes it is caching the site. It is now in development mode right now for next three hours.
So I see the changes and like what you have done so far. Is there a way to make that one blue box look more closely like what I have in the picture? I would like for it to extend the blue from the social icons to the far right. And then the left side of that box would like to see it with the rounded corners to make it look better than just squared off like that.

I really do appreciate this!!!

Thank you

Doug

December 28, 2016 at 4:57 pm #728369

Yigit
Keymaster

Hi!

I adjusted custom CSS code in Quick CSS field a little and added a new social icon in Enfold theme options to use it as the background for the right side as otherwise, it would not be easily possible :)
Please review your website now

Cheers!
Yigit

December 28, 2016 at 7:55 pm #728387

TheWET1
Participant

Yigit,

So this is just about it! I see a envelope on the top right now if you widen the browser (very right of the social icons.). Can we make that envelope go away?
And one more thing that I didn’t convey with my picture as I am not good at gimp program. So you were able to do the rounded corner on the bottom left of the blue. So right above that there is a hard left angle and I would like to see if we can do a concave and not so hard of a angle. So the top would be a reverse of the bottom. So that way the flow of it would be nice and symmetrical of each other. And then the last part would be to have the smaller logo to be a bit bigger so that it can be readable, and then having it a bit bigger that should push the menu text down a bit so that it isn’t butting right up to the bottom of the blue area.

That should then do it!

Thank you SO MUCH!

Doug

December 28, 2016 at 7:55 pm #728388

TheWET1
Participant

Yigit, I have the cache turned off again for another 3 hours. so should be good to do this if you don’t mind :)

Thank you

Doug

December 29, 2016 at 1:23 am #728392

TheWET1
Participant

Yigit, So actually I was looking back at the website just now and with the cloudflare cache back on. I was seeing the original site again. And I noticed that the envelope use to be right next to the social icons. So really would like to keep the envelope and have it back next to the social icons. So can that be done?

I am going to turn off the cloudflare for a bit so that it will give you time to work with this.

I really really do appreciate this help!

Thank you

Doug

December 29, 2016 at 3:10 am #728398

TheWET1
Participant

Yigit,
Here is a picture I found of a site that has what I would like to get my site to look like. The only exception is that I want the blue part of the social icons to go all the way to the right side of the screen for my site. I hope this gives you the idea for what I am looking for.

Thank you Doug!

December 29, 2016 at 4:14 am #728399
Yigit
Keymaster
Hi,

I added the envelope to be able to add background to the right side therefore i removed it.
Then, Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
```
.phone-info:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #1e2a87!important;
    display: block;
    position: absolute;
    margin-left: -24px;
    top: -6px;
}
```
You may need further adjustments. In case you do, please consider to hire a freelancer :)

Best regards,
Yigit
December 29, 2016 at 4:33 am #728400

TheWET1
Participant

Yigit,

I just posted there to do a hire. But see that it goes off to another site. So guess you are not for hire?

Thank you

Doug

December 29, 2016 at 5:00 am #728401

Yigit
Keymaster

Hey Doug!

Yes, that goes to Codeable where you can find experienced developers who knows our themes so well, therefore we recommend them. Customizations i provided are quick workarounds but might not be the best solution in the long run i am afraid :)

Regards,
Yigit

January 17, 2017 at 5:52 am #734477

TheWET1
Participant

Yigit

Please see message

Doug

January 24, 2017 at 11:51 pm #738002

Yigit
Keymaster

Hi Doug,

Reply in private

Best regards,
Yigit
Author

Posts

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Need your help please Menu with bigger logo’ is closed to new replies.