Socila media icons inline in footer

ivava · October 2018

Hi there,

I need a code for a social media icons inline in footer, please.

Thanks heaps,

Iva

Pablo · October 2018

Hi,

You have to create a social menu in Appearance > Menus

http://prntscr.com/l18yl8

Insert a <i class="icon-name"></i> with icon-name from here:

https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

And assign it as "Social Menu Bottom"

Then, social menu will appear on your footer.

Cheers

ivava · October 2018

thank you, also I like to achieve a site like this fixed static page with two menues and video background http://www.banana-split.com/

I have this

http://ivyonestudio.co.uk/

how can I make it fixed all so it doesn't move ...as static page and then click to that normal scroll page exactly how they have it , please?

Many thanks,

Iva

ivava · October 2018

I don't want my video to move behind the footer and all also I would like it to be fixed but dont know how..?

Please,

thank you very much

Iva

ivava · October 2018

but the if I click the menu the footer is fixed

/

ivava · October 2018

Sorry I have too much as I just turn the one page into a static and left me with a big header on the top.

/

Please help

/

Pablo · October 2018

ivava

Your page doesn't work.

I see only blank page.

Thanks

ivava · October 2018

Hi yes ...I dont understand why ? its ok for desktop ..?

ivava · October 2018

it's showing on my comp

//

ivava · October 2018

THnak you its back on !!! I have a problem with the header as its too long I managed to fix it on desktop but not on mobile please as I dont have the slider there.

Pablo · October 2018

What do you mean by 'too long' - I see it's working properly.

Also, you can hide the footer(by CSS) and recreate the footer with Muffin Builder as a 'second menu'.

Cheers.

ivava · October 2018

Aww yes please how will I do that.. I want the footer to stick to the bottom on the whole screen at they have it .. could you give me the code please..?Also the header the menu is too long on mobile ...I put this code in to make it shorter

. body:not(.template-slider) #Header {

min-height: auto;

}

please see it here without this code... http://ivyonestudio.co.uk/guestlist/

thank you very much for your time

Pablo · October 2018

Hi,
Please go to Theme Options > Header & Subheader > Header
Check the minimalist option to ON or Minimalist without Header space (as you wish)
http://prntscr.com/l6auoz

To make the Footer sticked to bottom. you have to go to
Theme Options > Footer and change the style of it to Fixed.
http://prntscr.com/l6av58

Thanks

ivava · October 2018

Thank you very much can I have the content on the footer please or menu on the footer.. also like they have it and fixed so the first page doesn't move?

please.

iva

Pablo · October 2018

All possible options of Footer are in Theme Options > Footer

Also, you can insert items in Appearance > Widgets and place item "Menu" there, in one of the "Footer" containers.

Thanks.

ivava · October 2018

Thank you so much last question please, is there a way I can make the website stay locked on the screen and not move as they got it here, please? http://www.banana-split.com/ .

Many many thanks

I.

Pablo · October 2018

I cannot scroll at FHD, HD resolution.

It can be locked on mobile too, but then user will not be able to reach items on bottom.

Thanks

ivava · October 2018

Oh I see and if I could disable the front locked page for mobile, please? I can scroll it on my desktop.

If I could lock it on big screen and desktop and leave the page out for mobile..? Would that work .. its more or less static front page just like they have it but we gonna make the graphics different I just like the way the website is constructed. Please

ivava · October 2018

Maybe just the code for the revolution slider to stay fixed please.:)))))

Iva

Pablo · October 2018

On which resolution and browser do you look at it?

I cannot customize the RevSlider code, because there is a lot of HTML/CSS and I could issue something.

Stay Fixed, you mean parallax?

Thanks

ivava · October 2018

yes, please but I turned off the parallax on rev slider and still is scrolling:/

i have 1440 x 900; MacBook Pro 15 inches.

Pablo · October 2018

I tested it on Mac emulator with same resolution and I still do not see any possibility to scroll.

http://prntscr.com/l72lhc

Are you sure that you don't have any scailing turned on?

Also, please test it on other device.

Thanks.

ivava · October 2018

Aw no thats the website that I wanted to be like this is the one I have http://ivyonestudio.co.uk/

aw sorry, misunderstanding.

Iva

Pablo · October 2018

Your slider is way too big.

I cannot disable scrolling with CSS.

You have to decrease your main page height.

Thanks.

ivava · October 2018

Hi Pablo,

Hi, I just did I decreased it its a bit better but still is scrolling:///

Please could you tell me the code for it lease Pablo.

Kind regards,

Iva

ivava · October 2018

Appernanetly I need to use overflow hidden CSS but don't know where and on what class/ id could you help me, please ?

Many thanks

Iva

Pablo · October 2018

Paste this code into Theme Options > Custom CSS & JS > CSS

html{
 overflow-y:hidden !important;
}

Thanks

ivava · October 2018

Thanks, heaps!!!!! xxxxxxxx

I.

ivava · October 2018

One more thing please it left me with a white line on the botttom http://ivyonestudio.co.uk/

is it the image that not big enought ,please?

Iva

Pablo · October 2018

Hi,

I do not understand what you want to achieve.

Please explain me it again.

Thanks.

ivava · October 2018

Hi no its all goo just last thing I need where can I add google tag manager code please.

Many many thanks,

Iva

Socila media icons inline in footer

Comments

This website uses cookies