Jump to content

Mobile site banner resizing and hiding elements (Weebly)

Recommended Posts

Hello everyone,


I'm very much a novice in this arena, so apologies in advance, but hopefully someone will be able to help.


I'm in the process of creating a new website using the Weebly sitebuilding system, which gives you fairly extensive access to the HTML and CSS elements of the site.


Generally the build is going relatively well, but I'm running into a few problems with the mobile version of the site. Because the theme I'm using is responsive, there isn't direct access to edit the mobile site in the same way as I have been building the rest of the site.


What I am hoping is to work out HTML/CSS fixes for the following two issues:


1) Site banner is cut off at left and right and inexplicably scrolls right into some dead space.


2) Hide home page navigation buttons, which are useful for desktop, but fill up a lot of screen space on mobile/tablet and so are not needed (as there is a hamburger menu in any case).


I've attached some screenshots of the elements I'm talking about and can copy and paste any elements of code which I have access to. I suspect that a combination of HTML and CSS adjustments will be needed.


The site itself is located at http://www.passthecontroller.co.uk. You can access the home page directly (which should demonstrate both issues) at http://www.passthecontroller.co.uk/home.html.



Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...