Header background image

Hi!

1. To make the header look nicer please add the below code in Enfold > General Styling > Quick CSS

#header_main_alternate{
background: #d9dadb;
}

2 & 3. This is a bit tricky you need to use multiple media queries and use the scale property to scale down to the size you need but if it get;s too small then people cannot click on it in mobile device so i suggest hiding it in mobile devices.
in the below code the scale value 1 is 100% and .5 is 50%.

4. I already see that you have a home icon placed in the menu.
But if you still need to know how ? Just add a icon shortcode or a link to the image on the navigation label.

5. Just add a blank text widget in column 2 & 3 of the footer.

@media screen and (min-width: 756px) {
#wordcloud {
    transform: scale(.5);
}}

@media screen and (min-width: 480px) {
#wordcloud {
    transform: scale(.35);
}}

6. Please edit the image path and use the below css in Quick CSS

#footer {
background-image: url(background-image.png) no-repeat top right;
background-size: contain;
}

Request you to create new tickets for new issues or separate issues as it helps keep focus on one topic and avoid mixup of issues…

Best regards,
Vinay

Hey!

Thank you for the kind words.

To hide the word cloud in tablets and mobile please use the below css

/*hide wordcloud in tablet and mobile*/
@media and screen(max-width:756px) {
   #wordcloud {
   display:none;
}}

Please check the background image path in the previous code “background-image.png” should be replaced with your background image path.

#footer {
background-image: url(background-image.png) no-repeat top right;
background-size: contain;
}

We were unable to view the development site as the logins did not work.

Regards,
Vinay