html5 - Issue with meta viewport -


i'd front-end framework responsive got issue... have margin-right body...

my meta :

<meta name="viewport" content="width=device-width, initial-scale=1">

my screenshot (iphone): https://space.zeo.net/g/3vgkg

my screnshot (mac book pro): https://space.zeo.net/g/51bm2

if using layout based on bootstrap or similar framework, have built margins @ narrow screens.

when want element extend full width, remove adding negative left , right margins @ appropriate breakpoint, , add padding text has breathing space left , right.

something similar following might work you: 

@media screen , (max-width: 767px) {  .nav{    margin:0 -20px 0 -20px;    padding:0 20px 0 20px;   } }

without seeing url, it's difficult more specific started.

good luck!


Comments

Post a Comment

Popular posts from this blog

Why can rails not find a route created by a helper? -

i created member route in rails 4: resources :line_items post 'decrement', on: :member end and gave matching method in line_items controller: def decrement @cart = current_cart @line_item = @cart.line_items.find_by_id(params[:id]) @line_item.decrement_quantity respond_to |format| if @line_item.save format.html { redirect_to shop_path, notice: 'line item updated.' } format.js {@current_item = @line_item} format.json { head :ok } else format.html { render action: "edit" } format.js {@current_item = @line_item} format.json { render json: @line_item.errors, status: :unprocessable_entity } end end end but when try make button: <%= button_to 'x', decrement_line_item_path(item) %> i error: no route matches [post] "/carts/25" what gives? your error message is: no route matches [post] "/carts/25" but expectin...
Read more

javascript - jquery or ashx not working -

i using ajax file upload control. it creating html: <form action="/pages/handlers/asyncfileuploadhandler.ashx" method="post" enctype="multipart/form-data" target="ajaxuploader-iframe-1397144545"> <input type="hidden" name="type" value="mindvoice"> <input type="file" id="imagefile" style="display: block; width: 80%; margin-right: auto; margin-left: auto;"> </form> and target is: <iframe width="0" height="0" style="display:none;" name="ajaxuploader-iframe-1397144545" id="ajaxuploader-iframe-1397144545"></iframe> the form submitted using .submit() . my ashx handler: <%@ webhandler language="c#" class="asyncfileuploadhandler" %> using system; using system.web; using nettpals.core; public class asyncfileuploadhandler : ihttphandler { public void processre...
Read more

php - Redirect and hide target URL -

i want implement website youtube, these real urls of videos has hidden. when user comes in, , php webpage authenticate user, , redirect user real url of video. problem how can redirect url , hide real video url, or other ways prevent real url of videos exposed? i don't know if got point, looking this? $video_url = $user_is_authenticated ? $video_url : $authentication_url."?returnurl=".$video_url; echo "<a href='$video_url'>video title</a>"; this way, if user authenticated, send him real video url, otherwise login page seen instead. if don't want users see url can use session variables during authentication.
Read more