footer how to make it show at the bottom of the website and take out some words

Ok well no one replied on here yet but so far I have gotten the code to push the footer to the bottom…. Tho now it is to just take out the footer note that says – Proudly powered by wordpress and the theme name ….

ALso the last post has a problem where it is super long and has a huge gap of space with nothing in it and it is stretching the featured image…. I want it to show properly and nicely….

Hi @jesslucyg,

If you look at my site on mobile the footer text pops into the middle of the website….It really sucks….

The footer is currently sitting at the very bottom of the site, which suggests the code you added has fixed the issue.

Tho now it is to just take out the footer note that says – Proudly powered by wordpress and the theme name ….

It sounds like the footer code has overwritten what you had before. Do you still have a copy of the previous footer code?

Also the menu on the right side can we make a button that says menu so the people can click onto it…. please

The following CSS will remove the three lines and replace those with “Menu”:

@media screen and (min-width: 1060px)
.menu-toggle {
    width: 90px;
    height: 40px;
    padding: 10px 6px;
    border: 1px solid #fff;
}

.lines {
    display:none;
}

button.menu-toggle.x:after {
    content: 'Menu';
    color: #fff;
}

Also I need or want to make a guide to show and teach people on how to shop and buy on the website with the plug in of woo-commerce and how do I do that?

A guide feature isn’t built into this theme by default so it’s something you would need to research and build yourself. But perhaps you could create a new page and add text and images explaining the process?

the last post has a problem where it is super long and has a huge gap of space with nothing in it and it is stretching the featured image….

Can you send a link to the post you are referring to?

Thanks!

Thanks

I pasted the code and it shows menu but the menu word is getting cut off in mobile view.

Also the footer code you asked about that, I’m using is:

.site-info:before {
display: block;
content:”Copyright Iconic Connex 2018 – Online Store – Worth Marketing Solutions”;
text-transform: none;
}
#post-245{height:inherit;
}

Also the space issues in the website. Also please look on mobile and pc screen.

PC view of website shows a strange space at the bottom of last post and it is stretching the image so that there is a strange space. .

The mobile view shows a strange space at the top of the website.

Maybe I should take out that menu at the top in general as on mobile view as it makes that space and then just put the pages as links at the bottom of the website but adjust the space issue…

Its also a one page website with the shop on it as that is the intention

Hi @jesslucyg,

There is additional copyright text in the footer now, so it looks like you’ve got that sorted.

PC view of website shows a strange space at the bottom of last post and it is stretching the image so that there is a strange space. .

Are you referring to the space between Facebook/Instagram images and the footer? If so, that is being caused by the following CSS:

.blog .hentry {
    padding: 0 0 35% 0;
}

Some of your CSS is conflicting or not specific to certain elements — meaning it affects more than just the area you are trying to target. I recommend looking through your CSS and commenting out a selector at a time (using /* Your CSS will be in here */), then remove anything that doesn’t do what is needed.

In the short term, this CSS can be used to adjust the spacing at the bottom of the last post:

#post-245 {
    padding-bottom: 0;
}

I hope this helps.

ok thanks yeah,

I inserted the code for the bottom space and that is gone tho it’s just the menu at the top I think Id rather add it to the post as links and take out the menu at the top in general…

Also in mobile view there is a strange spacing at the top of the website… could that be that menu button?

Also the menu button spacing in strange to…

Maybe it will look better as links at the bottom of th website.

I do want to take out the wordpress part of the footer name and theme name still tho… that’s also what I meant…

I also have an error message for this code: ;menu-toggle {
width: 90px;
height: 40px;

It is on the part that says ;menu

Hi @jesslucyg,

Also in mobile view there is a strange spacing at the top of the website… could that be that menu button?

This space (also visible on desktop computer) appears to be related to the menu or an element inside the header so it would be worth commenting out that CSS until you find the code causing the problem.

You mentioned ;menu-toggle but ; isn’t a valid CSS selector — you will need to use .menu-toggle in this case.

thanks

This space (also visible on desktop computer) appears to be related to the menu or an element inside the header so it would be worth commenting out that CSS until you find the code causing the problem. – I’m not sure how to do that tho?

also can I take out that menu at the top and rather make it links at the bottom of the page.

I also want to take out the wording in the footer that says
PROUDLY POWERED BY WORDPRESS | THEME: INTERGALACTIC BY WORDPRESS.COM.

Gemma Evans (@gemmaevans)

Hi Gemma sorry for all the questions, if you are free please can you help me with the taking away of the menu tab at the top and can I make links ect at the bottom of the website instead? …. I probably can and will try

Also please can you help me remove the “PROUDLY POWERED BY WORDPRESS | THEME: INTERGALACTIC BY WORDPRESS.COM.” slogan.

Also on the footer can I perhaps make worth marketing solutions in the footer a link to the website for worth marketing?

Hope you are having a great week ?? <3