container size problem

User 2624719 Photo


Registered User
179 posts

Hi All Happy New Year
I have a problem with the container for the button dropdown i have placed it in the middle of the navbar and made all the changes to match the style of the existing buttons that is ok .But i have noticed the button has a container that seems to be pushing the other buttons away not noticeable on mobile site but when you are on desktop site the dropdown button is left in the middle and the other buttons are of to the left and right of the screen . so my question is how do you change the container settings ,or am i barking up the wrong tree .

Regards Adrian
User 187934 Photo


Senior Advisor
18,102 posts

Link?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 379556 Photo


Registered User
721 posts

A link to the RSD file would indeed help if it is really the Button Dropdown that is causing the problem. It's just possible that it's not the Button Dropdown, but the Flex settings as follows.

It sounds possible that the container/column for the row of buttons has the Position set in the Design panel as Flex, and the Flex Justify setting as Space Between at the higher breakpoint(s). If that is so, changing the Justify setting to Center at all breakpoints may do the trick.

Frank
User 2624719 Photo


Registered User
179 posts

Hi All
just a quick update i have tried to bring the buttons closer together with the flex center option and while this locks the button to centre on the row it had little or no affect on bringing the buttons closer however i have had some luck with changing the span settings this is the link to site Eric you asked for its still a head scratcher to me
https://360tourswarrington.co.uk/test%20site_exported/

you can see the reservation button is the one with the problem

Regards Adrian
User 2699991 Photo


Registered User
1,756 posts

adrian horn wrote:
Hi All
just a quick update i have tried to bring the buttons closer together with the flex center option and while this locks the button to centre on the row it had little or no affect on bringing the buttons closer however i have had some luck with changing the span settings this is the link to site Eric you asked for its still a head scratcher to me
https://360tourswarrington.co.uk/test%20site_exported/

you can see the reservation button is the one with the problem

Regards Adrian

Hi Adrian
A link to the actual RSD project file would be better still

I used to go to Anglsey when I was a child camping,, I remember it was somewhere near RAF Valley.
The Help You Need : When You Need It The Most
website https://rsdtutorials.com

User 2624719 Photo


Registered User
179 posts

Hi Wayan
This campsite is only 5 miles from there .not sure how to do a link to the project file ! . i think you live in a nicer part of the world

Regards Adrian
User 2823310 Photo


Registered User
312 posts

Hey Adrian I wonder if the step by step tutorial I did for dropdown buttons in foundation may help?
I should revisit that one and change the percentage to rem's or do something better for that part... but it may help with the layout? I believe you are referring to the space you are getting from the drop to the other buttons right? There is a button menu and a button dropdown menu on there.
User 2699991 Photo


Registered User
1,756 posts

adrian horn wrote:
Hi Wayan
This campsite is only 5 miles from there .not sure how to do a link to the project file ! . i think you live in a nicer part of the world

Regards Adrian

Hi Adrian
If you have dropbox then it's easy just open dropbox & upload the project file

if you don't have dropbox,, get it it's free for basic version which is enough to store your rsd project file
once you have uploadad it,, share it and copy the link,, then you can put the link here or e-mail it to me.

Try Alter Eagles suggestion first
The Help You Need : When You Need It The Most
website https://rsdtutorials.com

User 2624719 Photo


Registered User
179 posts

Hi Alter Eagle
I have had a look at your dropdown menu tutorial and it is brilliant and very detailed . however i noticed it is for foundation i have made this site in bootstrap and not sure if this would apply .do you think i could use this to apply it to bootstrap or not as you can see ive still got a lot to learn . Thanks Wayan for your offer of taking a look with dropbox this maybe a possible way to go i will have to get a dropbox account sorted .

Regards Adrian
User 2823310 Photo


Registered User
312 posts

No Adrian, foundation menu's are a lot about how you apply the attributes then style with RSD so those aren't the same in bootstrap. Wayan is the best though, I'm sure he'll get you fixed up, you have to appreciate how much he puts into helping out so many users here.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.